<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
	<head>	
		<meta charset="utf-8">
		<title>杰利联合</title>
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
		<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
		<meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
		<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
		<meta content="no-cache" http-equiv="pragma">
		<meta content="0" http-equiv="expires">
		<meta content="telephone=no, address=no" name="format-detection">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
		<link rel="stylesheet" type="text/css" href="${ctxStatic}/jiu/css/mobile_module.css?v=1492670468" media="all">
		<script type="text/javascript">
			//静态变量
			var IMG_PATH = "/Public/Home/images";
			var STATIC_PATH = "/Public/static";
			var SITE_URL = "http://jiujiu.hbweiyinqing.cn";
			var WX_APPID = "";
			var WXJS_TIMESTAMP = '';
			var NONCESTR = '';
			var SIGNATURE = '';
		</script>
		<script type="text/javascript" src="${ctxStatic}/jiu/js/jquery-2.0.3.min.js"></script>
		<script type="text/javascript" src="http://me.hbweiyinqing.cn/Public/js/zepto.js"></script>
		<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script type="text/javascript" src="${ctxStatic}/jiu/js/prefixfree.min.js?v=1492670468"></script>
		<script type="text/javascript" src="${ctxStatic}/jiu/js/dialog.js?v=1492670468"></script>
		<script type="text/javascript" src="${ctxStatic}/jiu/js/flipsnap.min.js?v=1492670468"></script>
		<script type="text/javascript" src="${ctxStatic}/jiu/js/mobile_module.js?v=1492670468"></script>
		<link href="${ctxStatic}/jiu/css/common.css?v=1492670468" rel="stylesheet" type="text/css">
		<link href="${ctxStatic}/jiu/css/shop.css?v=1492670468" rel="stylesheet" type="text/css">
		<script type="text/javascript" src="http://www.zhangxinxu.com/study/js/mini/jquery.scrollLoading-min.js"></script>		
	</head>
	<body>
		<div class="container">			
			<!-- 相册 -->
			<div class="banner" style="height: 187.5px;">
				<ul style="width: 1500px; height: 187.5px; transition-property: transform; transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-duration: 350ms; transform: translate3d(-750px, 0px, 0px);">
					<c:forEach items="${jiuCarouselList}" var="jiuCarousel">
						<li onclick="javascript:uurl(${jiuCarousel.ico})" style="width: 375px; height: 187.5px;">
							<img src="${ctxUser }/jiu/${jiuCarousel.ico}" style="width: 375px; height: 187.5px;">
						</li>
					</c:forEach>
				</ul>
				<span class="identify">      
					<c:forEach items="${jiuCarouselList}" var="jiuCarousel"   varStatus="vstatus">
			            <em class="${vstatus.index eq 0?'cur':''}"></em>
					</c:forEach>      
		        </span>
			</div>
			
			<!-- 详情信息 -->
			<form id="detailForm" action="" method="post">
				<input type="hidden" name="goods_id" value="">
				<div class="detail_info">
					<div class="info_item">
						<h6 class="name">${jiuCommodity.name}</h6>
						<p class="price" style="font-size: 16px;">
							<span style="font-size: 12px; color: #A0A0A0;">价格：</span><span id="price">${jiuCommodity.price}积分/${jiuCommodity.unit}</span>
						</p>
					</div>

				</div>
			
				<!-- 商品介绍 -->
				<div class="detail_content">
					<h6 class="t">商品介绍</h6>
					<div class="content">
						${jiuCommodity.comDetails}
					</div>
				</div>
			</form>
		</div>
		<!-- 分类目录 -->
		
		
	
		<script type="text/javascript">
			function uurl(url) {
				window.location.href = url;
			}
			$(function() {
				//通用banner 滑动
				$.WeiPHP.initBanner(true, 5000);

				$.WeiPHP.gallery('.photoList', '.photoList ul');
				//图片预览
				var picList = [];
				$('.photoList li img').each(function(index, element) {
					var picUrl = $(this).attr("src");
					picList[index] = picUrl;
					$(this).click(function() {
						wx.previewImage({
							current: picUrl, // 当前显示的图片链接
							urls: picList // 需要预览的图片链接列表
						});
					})
				});

				//搜索功能
				$("#search").click(function() {
					var url = $(this).attr('url');
					var query = $('.search_form').find('input').serialize();
					query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g, '');
					query = query.replace(/^&/g, '');
					if(url.indexOf('?') > 0) {
						url += '&' + query;
					} else {
						url += '?' + query;
					}
					window.location.href = url;
				});
			})
		</script>

	</body>

</html>